<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>雷谛科技</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="{{ URL::asset('front/style/reset.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ URL::asset('front/style/root.css') }}" />
<link rel="stylesheet" href="{{ URL::asset('front/fonts/font-awesome.min.css') }}">
<script type="text/javascript" src="{{ URL::asset('front/js/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('front/js/toogle.js') }}"></script>
</head>
<script>
function showme(page){
        $('#page22').html(page);
        $(".layer").fadeIn("slow");
        $(".mask").fadeIn("slow");
}
$(function(){
  $("#closed").click(function(){
        $(".layer").fadeOut("slow");
        $(".mask").fadeOut("slow");
  })
})
</script>
<style>
.layer{
  width: 80%;
  min-height: 40%;
  overflow-y: scroll;
  background: rgb(193,214,230);
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 88;
  margin-top: -20%;
  margin-left: -40%;
  display: none;
  -webkit-border-radius:10px;
  -webkit-box-shadow:0 0 2px #d2d1d1;
}
.layer p{
 color: #fff;
 font-size: 14px;
 line-height: 24px;
 padding:10px;
}
.layer p span{
  display: block;
  text-align: center;
}
.layer p span img{
  margin-left: 10px;
}
.mask{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: fixed;
  left:0;
  top: 0;
  z-index: 77;
  display: none;
}
.menu li dl dl dd span.checked{
color:red; 
display:inline-block; 
padding-left:4px; 
background:url({{ URL::asset('front/img/kou.png') }}) no-repeat left center; 
background-size:15px 15px;
}
.menu li dl dl dd span.unchecked{
color:red; 
display:inline-block; 
padding-left:4px; 
background:url({{ URL::asset('front/img/kou.png') }}) no-repeat left center; 
background-size:15px 15px;
}
</style>
<body>
  <div class="mask"></div>
<div class="layer">
  <p>
    <span>服务标准<img src="{{ URL::asset('front/img/ico77.png') }}" alt="" width="14" height="14" align="absmiddle" id="closed"/></span>
  <span id="page22">1、常规测试时打开纯水龙头5秒后接水，用TDS笔测试。<br />
  2、新装产品在压力桶前管子口处接水，用TDS笔测试。<br />
  3、TDS值≤30为正常值。<br /></span>
</p>
</div>
    <!-- start header -->
    	<div id="header">
         <img src="{{ URL::asset('front/img/logo.png') }}" width="120" height="40" alt="logo" class="logo" />
         	<a href="javascript:void(0)" onclick="WeixinJSBridge.call('closeWindow');" class="button back">
         	    <img src="{{ URL::asset('front/img/wechat-button.png') }}" width="17" height="18" alt="icon" />
            </a>
         	<a href="#" class="button create"><img src="{{ URL::asset('front/img/user.png') }}" width="16" height="16" alt="icon"/></a>
        <div class="clear"></div>
</div>
    <!-- end header -->


    <!-- start page -->
    <div class="page">


            <div class="simplebox">
            	<h1 class="titleh">我的工单</h1>
                <div class="content">
                  <div class="person-info">
                  @if($worker != 1)
                    <img src="{{ $service->work->avatar }}" />
                      <h5>{{ $service->work->name }}  </h5>
                      <p><I class="fa fa-mobile fa-lg"></i> {{ $service->work->mobile }} <a href="tel:{{ $service->work->mobile }}">一键拨号</a> <br/>
                        @if($service->all == 1)
                        <I class="fa fa-calendar">付款时间 {{ $service->created_at }}</i>
                        @endif</p>

                  @else
                    <img src="{{ $service->customer->avatar }}" />
                      <h5>{{ $service->customer->name }}  </h5>
                      <p><I class="fa fa-mobile fa-lg"></i> {{ $service->customer->mobile }} <a href="tel:{{ $service->customer->mobile }}">一键拨号</a> <br/>
                        @if($service->all == 1)
                        <I class="fa fa-calendar">付款时间 {{ $service->created_at }}</i>
                        @endif</p>

                  @endif</div>
            {{ Form::open(array('route' => 'services.store','id'=>'pages')) }}
                <input type="hidden" name="id" value="{{ $service->id }}" >
                <input type="hidden" name="type" value="rate" >

                  @if($worker != 1)
                    <h5>联系方式</h5>
                    <ul class="list-plus">
                      <li><b>直营服务部：</b> {{ $section->mobile }}</li>
                      <li><b>总部：</b> {{ $big->mobile}}</li>
                    </ul>
                    <hr class="bd_das">
                  @endif
                    <h5>当前装机信息</h5>
                    <ul class="list-plus">
                      <li><b>型号：</b> {{ $service->mount->machine->name }}</li>
                      <li><b>地址：</b> {{ $service->mount->xiaoqu->name }}{{ $service->mount->address }}</li>
                      <li><b>初装日期：</b> {{ $service->mount->created_at }}</li>
                      <li><b>滤芯：</b></li>
                        @foreach($filters as $filter)
                              <li><b></b> {{ $mount->machine->$filter->name }}</li>
                        @endforeach
                    </ul><hr class="bd_das">
                     <h5>本次服务内容</h5>
                     <ul class="list-plus menu">
                     @foreach($biaozhuns as $key => $biaozhun)
                        <li>
                            <b>{{ $biaozhun['name'] }}：</b>
                        @foreach($biaozhun['lists'] as $k=> $list)
                            <dl onclick="showme('{{ $list['detail'] }}')">
                                <dd>『{{ $list['name'] }}』
                            @foreach($list['sel'] as $i=> $val)
                                @if($detail[$key]['lists'][$k]['sel'][$i] == 1)
                                    <span style="color:red; display:inline-block; padding-left:4px; background:url({{ URL::asset('front/img/kou.png') }}) no-repeat left center; background-size:15px 15px; ">√&nbsp;&nbsp;&nbsp;{{ $val }}</span>
                                @elseif($detail[$key]['lists'][$k]['sel'][$i] == 'txt' )
                                    无
                                @elseif($key == 0 && $k == 0 && $i == 0 && $detail[$key]['lists'][$k]['sel'][$i] != 'txt')
                                    <span style="color:red;display:inline-block; padding-left:4px;background-size:15px 15px;">{{ $detail[$key]['lists'][$k]['sel'][$i] }}</span>
                                @elseif($key == 2 && $k == 0 && $i == 0 && $detail[$key]['lists'][$k]['sel'][$i] != 'txt')
                                    <span style="color:red;display:inline-block; padding-left:4px;background-size:15px 15px;">{{ $detail[$key]['lists'][$k]['sel'][$i] }}</span>
                                @elseif($key == 5 && $k == 0 && $i == 0 && $detail[$key]['lists'][$k]['sel'][$i] != 'txt')
                                    <span style="color:red;display:inline-block; padding-left:4px;background-size:15px 15px;">{{ $detail[$key]['lists'][$k]['sel'][$i] }}</span>
                                @elseif($key == 5 && $k == 1 && $i == 0 && $detail[$key]['lists'][$k]['sel'][$i] != 'txt')
                                    <span style="color:red;display:inline-block; padding-left:4px;background-size:15px 15px;">{{ $detail[$key]['lists'][$k]['sel'][$i] }}</span>
                                @else

                                    <span style="display:inline-block; padding-left:4px; background:url({{ URL::asset('front/img/kou.png') }}) no-repeat left center; background-size:15px 15px; "> &nbsp;&nbsp;&nbsp;{{ $val }}</span>
                                @endif

                            @endforeach</dd>
                            </dl>
                        @endforeach
                        </li>
                     @endforeach
                     </ul>
                     <span>点击查看服务标准</span>
                  <hr class="bd_das">
                                      <div class="form-line">
                                        <input type="hidden" value="5" name="rate1">
                                        <label class="rt-label pull-left">服务质量：</label>
                                        <div class="rating" class="rate1">
                                        <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                        </div>
                                      </div>
                                      <div class="form-line">
                                        <input type="hidden" value="5" name="rate2">
                                        <label class="rt-label pull-left">响应速度：</label>
                                        <div class="rating">
                                        <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                        </div>
                                      </div>
                                      <!--签约后评价开始-->
                                      <div class="form-line">
                                        <input type="hidden" value="5" name="rate3">
                                        <label class="rt-label pull-left">产品质量：</label>
                                        <div class="rating">
                                        <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                        </div>
                                      </div>
                                      <!--签约后评价开始-->
                                      <div class="form-line">
                                        <label class="st-label">点评留言</label>
                                        <textarea name="textfield" id="textfield13" style="width:80%;" rows="3" cols="3"  onfocus="if(value == defaultValue){value='';}" onblur="if(!value){value = defaultValue;}">您的点评对我们来说极具价值，有助于改善我们的产品和服务。</textarea>
                                      </div>

                                      <div class="form-line">
                                      <input type="submit" name="button" id="button" value="立即点评" class="submit-button" />
                                      <input type="button" name="button" id="button2" value="&nbsp;返 回&nbsp;" class="reset-button" />
                                      </div>

                                    </form>
                                    <hr class="bd_das">
                                        <label class="st-label">历史沟通信息</label>
                                    @foreach($service->comments as $comment)
                                                        @if($comment->work_id)

                                                      <div class="albox informationbox albox_nobg">
                                                        <b>{{ $service->work->name }} :</b> {{ $comment->remark }}
                                                      </div>
                                                        @else
                                                      <div class="albox succesbox albox_nobg">
                                                        <b>我 :</b> {{ $comment->remark }}
                                                      </div>
                                                        @endif
                                                      @endforeach



                </div>
      </div>






            <!-- start top button -->
            <div class="topbutton"><a href="#header"><span>Top</span></a></div>
            <!-- end top button -->



            <!-- start footer -->
            <div class="footer">
            © 2014 - 2015  邦顶科技 <a href="http://www.o2bang.com">www.o2bang.com</a> </div>
            <!-- end footer -->




    <div class="clear"></div>
    </div>
    <!-- end page -->
<script type="text/javascript" src="{{ URL::asset('front/js/frame.js') }}"></script>

<script type="text/javascript">
$(".fa-star").click(function(){
        $(this).prevAll().removeClass("fa-star-o");
        $(this).prevAll().addClass("fa-star");
        $(this).removeClass("fa-star-o");
        $(this).addClass("fa-star");
        $(this).nextAll().removeClass("fa-star");
        $(this).nextAll().addClass("fa-star-o");
        e=$(this).index() + 1;
        $(this).parent().parent().children("input").val(e);
  });

</script>
</body>
</html>